<template>
	<view class="main">
		<view class="ul">
			<view class="li" v-if="item.isShow" v-for="(item, index) in settingsList" :key="index" @click="onClick(item)">
				<u-cell :title="item.name" :isLink="true" :border="false"></u-cell>
			</view>
		</view>
		<view class="quit flex_center_align" @click="outShow = true">
			退出当前登录
		</view>
		<u-modal :show="outShow" title="提示" content='确认退出吗？' showCancelButton confirmText="退出" @cancel="outShow = false"
			@confirm="quit"></u-modal>


			<!-- 完成任务弹窗 -->
		<pointsTips v-if="showPointsTips" :title="pointsObj.name" :points="pointsObj.amount"></pointsTips>
	</view>
</template>

<script type="text/javascript" src="plus-confusion://../pages/my/settings/index"></script>

<style lang="scss">
.main {
	position: relative;
	min-height: 100vh;
	background-color: #F6F6F6;
	overflow: hidden;

	.ul {
		background: #FFFFFF;
		border-radius: 15rpx;
		margin-top: 18rpx;
		overflow: hidden;

		.li {
			padding: 0 30rpx 0 46rpx;
			&:not(:last-child) {
				border-bottom: 1rpx solid #F6F6F6;
			}
		}
	}

	.quit {
		margin: 100rpx auto 0;
		width: 630rpx;
		height: 90rpx;
		background: #1C87F3;
		border-radius: 45rpx;
		font-size: 30rpx;
		color: #FFFFFF;
	}
}

/deep/.u-cell__body {
	height: 120rpx;
}
</style>
